<!DOCTYPE html>
<html lang="zh">
<head>
	<title>Document</title>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="commonCSS/commonInitialize.css" />
	<link rel="stylesheet" href="commonCSS/div-loading1.css" />
	<!--这个是关于调整html字体大小的样式表-->
	<link rel="stylesheet" href="commonCss/htmlFontSize.css" />
	<link rel="stylesheet" href="userCenterCss/userCenter.css" />
	<!--引入 font awesome 图标库文件-->
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
	<!--动画效果的div元素-->
	<div class="hide-loading">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	<script src="indexJs/hideLoadingDiv-before.js"></script>
	<header id="user-center-header">
		<div id="header-bar">
			<div onclick="history.back();" title="回退到上一个页面（back to last web page）">
				<i class="fa fa-chevron-circle-left"></i>
			</div>
			<div class="toTop">
				<h1><span>▼</span>个人中心</h1>
			</div>
			<div id="user-message">
				<a href="userMessage.html"><strong>消息</strong></a>
			</div>
		</div>
	</header>
	
	<!--主体部分section开始 start-->
	<section id="user-center-section">
		
		<div id="personal-main-info" class="info-box">
			<a href="">
				<div id="avatar-div">
					<img src="userCenterImg/d15ffb9c-1b1e-4cb7-90e0-952427dd934d.png" alt="user avatar" id="user-avatar" />
					<span id="user-nickname">
						懒猫人VBScript
					</span>
				
					<i class="fa fa-chevron-circle-left"></i>
					<span>芝麻信用</span>
					<strong id="user-authorization">
						未授权
					</strong>
				</div>
				<div class="right-arrow">
					&gt;
				</div>
				
			</a>
		</div>
		<div id="app-div" class="info-box">
			<a href="">
				<img src="userCenterImg/4714ac4a-927b-46ba-9d3e-d962827e7202_w720_h216.png" alt="" />
			</a>
		</div>
		<div id="myLottery" class="info-box">
			<a href="">
				<div>
					<h3>
						我的福袋
					</h3>
					<strong>
						福袋金：
						<span id="lottery-money" class="calc-money">
							￥ 0.0元
						</span>
					</strong>
				</div>
				<div>
					<span>
						福袋、提现、明细 <span class="right-arrow"> &gt;</span>
					</span>
				</div>
			</a>
		</div>
		<div id="customer-management" class="info-box">
			<div class="customer-title">
				<h3>
					买家管理
				</h3>
				<a href="">
					全部订单<span class="right-arrow">&gt;</span>
				</a>
			</div>
			<ul class="manage-item-ul">
				
				<li>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							待支付<span class="calc-money">（0）</span>
						</div>
					</a>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							待发货<span class="calc-money">（0）</span>
						</div>
					</a>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							交易评价<span class="calc-money">（0）</span>
						</div>
					</a>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							代金券<span class="calc-money">（0）</span>
						</div>
					</a>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							我的收藏<span class="calc-money">（0）</span>
						</div>
					</a>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							我的出价<span class="calc-money">（0）</span>
						</div>
					</a>
					
				</li>
				
			</ul>
		</div>
		<div class="info-box">
			<div class="customer-title">
				<h3>
					买家拍卖
				</h3>
				<a href="">
					全部<span class="right-arrow">&gt;</span>
				</a>
			</div>
			<ul class="manage-item-ul">
				
				<li>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							拍卖中<span class="calc-money">（0）</span>
						</div>
					</a>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							中拍待支付<span class="calc-money">（0）</span>
						</div>
					</a>
					
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							已成交<span class="calc-money">（0）</span>
						</div>
					</a>
					
				</li>
				
			</ul>
		</div>
		<div class="info-box seller-module">
			<div class="customer-title">
				<h3>
					卖家管理
				</h3>
				<a href="" class="a-btn">
					我要卖
				</a>
				
			</div>
			<div class="seller-record">
				信用值(2)：新卖家（近7天：暂无交易）
			</div>
			<ul class="manage-item-ul">
				
				<li>
					<a href="" class="shopping-icon">
						<div><img src="userMessageImg/TG)(R95V1C~@`_FBTCHBQ7K.png" alt="" /></div>
						<div>
							拍卖中<span class="calc-money">（0）</span>
						</div>
					</a>
					<a href="" class="shopping-icon">
						<div><img src="userCenterImg/OJ4HN{$4KRI7N0OO]3`8LX9.png" alt="" /></div>
						<div>
							中拍待支付<span class="calc-money">（0）</span>
						</div>
					</a>
					
					<a href="" class="shopping-icon">
						<div><img src="userCenterImg/RI26$[3OVCB1}RZ9BQ9VECI.png" alt="" /></div>
						<div>
							已成交<span class="calc-money">（0）</span>
						</div>
					</a>
					
				</li>
				
			</ul>
		</div>
	</section>
	<!--主体部分section结束 end-->
	<!--页脚部分开始 start-->
	<footer id="user-center-footer">
		<style type="text/css">
			section {
				width: 100%;
				margin: 0 auto;
				
			}
			
		</style>
		<div id="right-fixed-div">
			<div class="toTop">
				<i class="fa fa-chevron-circle-up"></i>
			</div>
			<div class="toBottom">
				<i class="fa fa-chevron-circle-down"></i>
			</div>
		</div>
		<nav id="footer-nav">
			<ul id="footer-nav-ul">
				<li><a href="index.html">首页</a></li>
				<li><a href="publishGoods.html#games-goods-div">发布</a></li>
				<li><a href="shopping.html#games-shopping-section">我要卖</a></li>
				<li><a href="#">在线客服</a></li>
			</ul>
		</nav>
		
		<footer id="search-more">
			<ul class="contact-us">
				<li>
					网页版：
					<a href="index.html" id="pc-version">
						<strong>电脑版</strong>
					</a>
					<a href="index.html#backTop01">
						<strong>手机版</strong>
					</a>
					<a href="downApp.html" id="down-app">
						<strong>App版</strong>
					</a>
				</li>
				<li>
					咨询在线客服：
					<a href="tel: 10010" id="phone-help">
						<strong>电话咨询</strong>
					</a>
					<a href="sms: 1008611" id="send-message-help">
						<strong>短信咨询</strong>
					</a>
					<a href="mailto: 1989580700@qq.com" id="online-help">
						<strong>网上在线咨询</strong>
					</a>
				</li>
				<li>
					网址主页：
					<a href="index.html#backTop01">
						<strong>jiaoyimao.com</strong>
					</a>
				</li>
				<li>
					域名备案：
					<a href="http://www.beian.miit.gov.cn">
						<strong>beian.yue.com</strong>
					</a>
				</li>
			</ul>
		</footer>
		
	</footer>
	
	<!--页脚部分结束 end-->
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript" src="userCenterJs/userCenter.js"></script>
	<!--动画加载效果在页面完全加载好后才消失-->
	<script src="indexJs/hideLoadingDiv-after.js"></script>
</body>
</html>